{% extends "html/cp/base_template.html" %}

{% block top_script_section %}
    <script type="text/javascript">
        submit_account_form();
    </script>
{% endblock %}

{% block content_section %}
    <div id="id_account_info">
        {% if not CPInfo %}
            <div class="row">
                <div class="my_blockquote">
                    <p>
                        <strong>完善账户信息</strong>
                    </p>
                    <p>初次登录,请完善账户信息,通过审核后方可继续游戏上传</p>
                </div>
            </div>
        {% endif %}
        <div class="row">
            <div class="col-sm-12">
                <div class="panel panel-default">
                    <form id="id_account_form" role="form" enctype="multipart/form-data"
                          class="form-horizontal"
                          method="post" action="{{ submit_url }}">
                        {% csrf_token %}
                        <div class="panel-heading">
                            <h3 class="panel-title">公司信息<i class="h3_span1">请确保公司信息与合同中信息一致</i></h3>
                        </div>
                        <div class="panel-body">
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i
                                        class="cl_red">*</i>公司名称</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="company"
                                           value="{{ CPInfo.company }}">
                                    <p class="cl_red" style="display:none;">请填写正确的名称</p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i
                                        class="cl_red">*</i>法人</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="representative"
                                           value="{{ CPInfo.representative }}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>公司注册地址</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="reg_address"
                                           value="{{ CPInfo.regaddr }}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i
                                        class="cl_red">*</i>邮编</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="postcode"
                                           value="{{ CPInfo.postcode }}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>公司所在省市</label>
                                <div class="col-sm-10">
                                    <select class="form-control" style=" margin-bottom:10px;"
                                            name="province" value="{{ CPInfo.province }}">
                                        <option>请选择省</option>
                                        {% for index, name in Form.Provinces %}
                                            <option value="{{ index }}">{{ name }}</option>
                                        {% endfor %}
                                    </select>
                                    <select class="form-control" name="city" id="id_select_city"
                                            value="{{ CPInfo.city }}">
                                        <option>请选择市</option>
                                        {% for index,name in Form.Cities %}
                                            <option value="{{ index }}">{{ name }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i
                                        class="cl_red">*</i>营业执照</label>
                                <div class="col-sm-10">
                                    <input type="file" class="form-control" name="license"
                                           id="id_license">
                                    <p>最新年检的营业执照副本扫描件，JPG,PNG,GIF格式的图片</p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">税务登记证</label>
                                <div class="col-sm-10">
                                    <input type="file" class="form-control" name="tax_reg_ca"
                                           id="id_taxregcert">
                                    <p>若还未三证合一，请提交税务登记证扫描件，jpg、png、gif格式的图片</p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">银行开户许可证</label>
                                <div class="col-sm-10">
                                    <input type="file" class="form-control" name="bank_license"
                                           id="id_bank_account_license">
                                    <p>若还未三证合一，请提交银行开户许可证扫描件，jpg、png、gif格式的图片</p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">其他材料</label>
                                <div class="col-sm-10">
                                    <input type="file" class="form-control" name="others"
                                           id="id_others">
                                    <p>若协议中有其他约定，请提交相关材料，支持上传zip包</p>
                                </div>
                            </div>
                        </div>
                        <div class="panel-heading">
                            <h3 class="panel-title">财务信息<i class="h3_span1">请确保信息真实有效</i></h3>
                        </div>
                        <div class="panel-body">
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i
                                        class="cl_red">*</i>银行名称</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="bank_account_name"
                                           value="{{ CPInfo.bank_account_name }}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i
                                        class="cl_red">*</i>开户银行</label>
                                <div class="col-sm-10">
                                    <select class="form-control" name="bank_name"
                                            value="{{ CPInfo.bank_name }}">
                                        <option>请选择银行</option>
                                        {% for index, name in Form.Banks %}
                                            <option value="{{ index }}">{{ name }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i
                                        class="cl_red">*</i>银行帐户</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="bank_account"
                                           value="{{ CPInfo.bank_account }}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>纳税人识别号</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="taxpayer_id_no"
                                           value="{{ CPInfo.taxpayerid }}">
                                </div>
                            </div>
                        </div>
                        <div class="panel-heading">
                            <h3 class="panel-title">联系人信息</h3>
                        </div>
                        <div class="panel-body">
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>业务接口人姓名</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="bus_inf_name"
                                           value="{{ CPInfo.busi_manager }}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i
                                        class="cl_red">*</i>联系电话</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="bus_telephone_no"
                                           value="{{ CPInfo.busi_phoneno }}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i
                                        class="cl_red">*</i>邮箱</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="bus_mail"
                                           value="{{ CPInfo.busi_mail }}">
                                </div>
                            </div>
                            <div class="form-group-separator"></div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>技术接口人姓名</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="eng_inf_name"
                                           value="{{ CPInfo.tech_manager }}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i
                                        class="cl_red">*</i>联系电话</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="eng_telephone_no"
                                           value="{{ CPInfo.tech_phoneno }}">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label"><i
                                        class="cl_red">*</i>邮箱</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="eng_mail"
                                           value="{{ CPInfo.tech_mail }}">
                                </div>
                            </div>
                        </div>
                        <div class="my_button">
                            <button type="submit" class="btn btn-info btn-block my_btn_01">提交审核
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    {#    {% elif CPInfo.status == audit_status.kInAuditing %}#}
    {#        <div class="page-title">#}
    {#            <div class="title-env">#}
    {#                <h1 class="title">帐号信息</h1>#}
    {#                <p class="description">您的帐号信息，如需修改，请<a href="#">修改</a>，重新上传</p>#}
    {#            </div>#}
    {#        </div>#}
    {#        <div class="row">#}
    {#            <div class="col-sm-12">#}
    {#                <div class="panel panel-default">#}
    {#                    <form role="form" class="form-horizontal form_no">#}
    {#                        <div class="panel-heading">#}
    {#                            <h3 class="panel-title">公司信息<i class="h3_span1">请确保公司信息与合同中信息一致</i></h3>#}
    {#                        </div>#}
    {#                        <div class="panel-body">#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>公司名称</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">四川优地技术有限公司</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>法人</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">王某人</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>公司注册地址</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">成都高新区校园路188号</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>邮编</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">14334634</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>公司所在省市</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">四川省成都市</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>营业执照</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="file_img"><img src="images/img_01.png"/><a href="#">点击查看大图</a></div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>营业执照</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">dsggdga.zip<a href="#">下载</a></div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label">税务登记证</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">无</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label">银行开户许可证</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">无</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label">其他材料</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">无</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                        </div>#}
    {#                        <div class="panel-heading">#}
    {#                            <h3 class="panel-title">财务信息<i class="h3_span1">请确保信息真实有效</i></h3>#}
    {#                        </div>#}
    {#                        <div class="panel-body">#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>银行名称</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">中国银行</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>开户银行</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">中国银行</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>银行帐户</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">1353-4645-7506-5706-856</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>纳税人识别号</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">13532352856</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                        </div>#}
    {#                        <div class="panel-heading">#}
    {#                            <h3 class="panel-title">联系人信息</h3>#}
    {#                        </div>#}
    {#                        <div class="panel-body">#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>业务接口人姓名</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">李四</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>联系电话</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">1345767588568</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>邮箱</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">2356654@qq.com</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group-separator"></div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>技术接口人姓名</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">李四</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>联系电话</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">325334646546</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                            <div class="form-group">#}
    {#                                <label class="col-sm-2 control-label"><i class="cl_red">*</i>邮箱</label>#}
    {#                                <div class="col-sm-10">#}
    {#                                    <div class="inp_val">1423525@qq.com</div>#}
    {#                                </div>#}
    {#                            </div>#}
    {#                        </div>#}
    {#                    </form>#}
    {#                </div>#}
    {#            </div>#}
    {#        </div>#}
    {#    {% elif CPInfo.status == audit_status.kAudited %}#}
    {#    {% elif CPInfo.status == Status.kRjected %}#}
    {#    {% endif %}#}
{% endblock %}